<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title></title>
	</head>
	<link href="css/main.css" rel="stylesheet" type="text/css" />

	<body>

	<!--[if lte IE 8]>
  	<div style=' clear: both; height: 59px; padding:0 0 0 15px; position: relative;margin:0 auto;'>
	    <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
	      <img src="http://7u2nvr.com1.z0.glb.clouddn.com/picouterie.jpg" border="0" height="42" width="820"
	           alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today or use other browser ,like chrome firefox safari."
	           style='margin-left:auto;margin-right:auto;display: block;'/>
	    </a>
  	</div>
	<![endif]-->
		<div class="container page-archive">

			<!--headeer begin-->
			<header class="header"></header>
			<!--headeer end-->

			<!--main begin-->
			<main class="main">

				<div class="main-inner">

					<div class="content">

					<div id="posts" class="posts-expand">
    
				      <div class="tag-cloud">
				        <div class="tag-cloud-title">
				            目前共计 22 个标签
				        </div>
				        
				        <div class="tag-cloud-tags">
				        
				        </div>
				      </div>
    
  					</div>
					</div>

					
				</div>

			</main>
			<!--main end-->

			<aside class="sidebar"></aside>

			<!--footer begin-->
			<footer class="footer"></footer>
			<!--footer end-->

		</div>

		<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			
			$(function(){
				var sizes = new Array("30px","15.6px","12px","26.4px","19.2px","22.8px");
				var colors =new Array("#111","#a7a7a7","#ccc","#363636","#818181","#5c5c5c");
				
				for(var i=0;i<22;i++){
					
					$(".tag-cloud-tags").append('<a href="#" style="font-size:'+ sizes[Math.round(Math.random()*5)]+';color:'+colors[Math.round(Math.random()*5)]+'">'+'tags'+i+'</a>');
				}
				
				
			});
			
			$.get("public/header.html", function(data) {
				$(".header").html(data);
			});
			$.get("public/sidebar.html", function(data) {
				$(".sidebar").html(data);
			});
			$.get("public/footer.html", function(data) {
				$(".footer").html(data);
			});
		</script>
	</body>

</html>